.w {
  &-inherit {
    width: inherit;
  }

  &-percent {
    width: 100%;
  }

  &-92 {
    width: 92px;
  }

  &-110 {
    width: 110px;
  }

  &-145 {
    width: 145px;
  }

  &-155 {
    width: 155px;
  }

  &-196 {
    width: 196px;
  }

  &-200 {
    width: 200px;
  }

  &-205 {
    width: 205px;
  }

  &-247 {
    width: 247px;
  }

  &-248 {
    width: 248px;
  }

  &-250 {
    width: 250px;
  }

  &-255 {
    width: 255px;
  }

  &-270 {
    width: 270px;
  }

  &-280 {
    width: 280px;
  }

  &-285 {
    width: 285px;
  }

  &-305 {
    width: 305px;
  }

  &-355 {
    width: 355px;
  }

  &-525 {
    width: 525px;
  }

  &-580 {
    width: 580px;
  }

  &-1280 {
    width: 1280px;
  }

  &-1330 {
    width: 1330px;
  }

  &-1350 {
    width: 1350px;
  }

  &-1352 {
    width: 1352px;
  }

  &-1382 {
    width: 1382px;
  }

  &-1430 {
    width: 1430px;
  }

  &-1475 {
    width: 1475px;
  }

  &-1500 {
    width: 1500px;
  }
}

.mw {
  &-145 {
    max-width: 145px;
  }

  &-165 {
    max-width: 165px;
  }

  &-200 {
    max-width: 200px;
  }

  &-215 {
    max-width: 215px;
  }
}

.h {
  &-55 {
    height: 55px;
  }

  &-145 {
    height: 145px;
  }

  &-180 {
    height: 180px;
  }

  &-200 {
    height: 200px;
  }

  &-215 {
    height: 215px;
  }

  &-245 {
    height: 245px;
  }

  &-500 {
    height: 500px;
  }
}

.mt {
  &-10 {
    margin-top: 10px;
  }

  &-20 {
    margin-top: 20px;
  }

  &-25 {
    margin-top: 25px;
  }

  &-30 {
    margin-top: 30px;
  }

  &-35 {
    margin-top: 35px;
  }

  &-40 {
    margin-top: 40px;
  }

  &-50 {
    margin-top: 50px;
  }

  &-55 {
    margin-top: 55px;
  }

  &-58 {
    margin-top: 58px;
  }

  &-70 {
    margin-top: 70px;
  }
}

.mb {
  &-10 {
    margin-bottom: 10px;
  }

  &-20 {
    margin-bottom: 20px;
  }

  &-25 {
    margin-bottom: 25px;
  }

  &-30 {
    margin-bottom: 30px;
  }

  &-35 {
    margin-bottom: 35px;
  }

  &-50 {
    margin-bottom: 50px;
  }

  &-55 {
    margin-bottom: 55px;
  }

  &-58 {
    margin-bottom: 58px;
  }
}

.ml {
  &-8 {
    margin-left: 8px;
  }

  &-10 {
    margin-left: 10px;
  }

  &-15 {
    margin-left: 15px;
  }

  &-16 {
    margin-left: 16px;
  }

  &-20 {
    margin-left: 20px;
  }

  &-30 {
    margin-left: 30px;
  }

  &-40 {
    margin-left: 40px;
  }

  &-42 {
    margin-left: 42px;
  }

  &-48 {
    margin-left: 48px;
  }

  &-50 {
    margin-left: 50px;
  }

  &-80 {
    margin-left: 80px;
  }

  &-90 {
    margin-left: 90px;
  }

  &-220 {
    margin-left: 220px;
  }
}

.mr {
  &-10 {
    margin-right: 10px
  }

  &-15 {
    margin-right: 15px;
  }

  &-20 {
    margin-right: 20px
  }
}

.clearfix {
  display: block;
  *zoom: 1; /*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/
  &:before, &:after { /*伪元素是行内元素 正常浏览器清除浮动方法*/
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "";
  }
}

.rollup {
  z-index: 1;
  display: inline-block;
  animation: 10s wordsLoop linear infinite normal;
  white-space: nowrap;
}

@keyframes wordsLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-80%);
  }
}
